
@import url('../font/font.css');
@import url('./animate.css');
/* @import url('antd/dist/antd.css'); */
/* import '' */

:root{
  --font-regular:'font-Regular';
  --font-bold:'font-Bold';
  --size-dafult:14px
}

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea {
  margin:0;padding:0;box-sizing: border-box;font-family: var(--font-regular);font-weight: normal;
}
.bold{ font-weight: none;margin: 0;color: inherit;font-family: var(--font-bold);}
img{ padding:0; margin:0;display: block;width: auto;height: auto;}
i{font-style: normal}
ul,ol{list-style: none;}

.wow,.fadeInUp{font-size: initial;}

html,body{color: #fff;background: #030014;overflow-x: hidden;}
html{
  font-size: var(--size-dafult);
}
body {
  font-family: 'font-Regular';
  width: 100%;
  height: 100%;
}

span,p{word-break: break-all;text-transform: capitalize;white-space: pre-line;}

a {
  color: inherit;
  text-decoration: none;
}

.flex_sb{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flex{
  display: flex;
  align-items: center;
}

.padding_con{
    background: none;
    color: #fff;
}

.fadeup{
  -webkit-nimation-timing-function: cubic-bezier(.4,0,.2,1);
  animation-timing-function: cubic-bezier(.4,0,.2,1);
  -webkit-animation: fade-up 1s both;
  animation: fade-up 1s both;
}

.btn{
  background: #1DEF68;
  border: 0;
  color: #000;
  padding: 20px 68px;
  cursor: pointer;
  font-size: 1.2rem;
}
button{border: 0;border-radius: 6px;}

@keyframes fade-up{
  0% {
    opacity: 0;
    transform: translateY(2rem);
  }
  100% {
      opacity: 1;
      transform: translateY(0);
  }
}

@keyframes maskedAnimation {
  0% {
      background-position: 0 0;
  }

  100% {
      background-position: -100% 0;
  }
}


input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #ccc;
  font-weight: bold;
}

::-webkit-scrollbar {
  width: 4px;
  background-color: #333;
  height: 0;
}

::-webkit-scrollbar-thumb {
background-color: rgba(66, 66, 66, 0.8);
border-radius: 5px;
}

.content{
  max-width:1600px;
  width: 92%;
  margin: 0 auto;
}
.web{display: block;}
.phone{display: none;}

@media screen and (max-width: 1200px){ 
  .content{
    width: 92%;
  }
}

